<template>
	<view class="share-page">
		<u-navbar :isBack="true" title="分享好友"  title-color="#fff" back-icon-color="#fff"
		:background="{background: 'rgba(0,0,0,0)'}" :immersive="true" :borderBottom="false"></u-navbar>
		<view style="font-size: 0px; position: relative;">
			<image :src="shareImg1" style="width: 750rpx;height: 480rpx;"></image>
			<view style="position: absolute; left: 0; bottom: 0; height: 26rpx; width: 750rpx; background: #FFE7D3; border-top-left-radius: 24rpx; border-top-right-radius: 24rpx;"></view>
		</view>
		<view class="flex-col-start" style="width: 750rpx; background: #FFE7D3; padding-bottom: 120rpx;">
			<view class="flex-col-start" style="margin-top: 40rpx; width: 638rpx; height: 760rpx; background-size: 100% 100%;" :style="{backgroundImage: 'url(' + shareImg2 + ')'}">
				<view style="margin-top: 48rpx; margin-left: 4rpx; width: 384rpx; height: 368rpx;background-size: 100% 100%;" :style="{backgroundImage: 'url(' + shareImg3 + ')'}">
				</view>
				<view style="margin-top: 50rpx; margin-bottom: 16rpx; color: #333333; font-size: 36rpx;">邀请好友，共同加入众鑫平台</view>
				<view style="color: #999999; font-size: 28rpx;">长按识别二维码</view>
			</view>
			<view class="flex-col-start" style="margin-top: 64rpx; width: 686rpx; height: 100rpx; justify-content: center;background: #FC7404; color: #FFFFFF; font-size: 32rpx; font-weight: bold; border-radius: 24rpx;">保存图片</view>
		</view>
	</view>
</template>

<script>
	import configUrl  from '@/utils/config.js';
	export default {
		data() {
			return {
				shareImg1:configUrl.appurlImg + '/myBanner/share-bg1.png',
				shareImg2:configUrl.appurlImg + '/myBanner/share-bg2.png',
				shareImg3:configUrl.appurlImg + '/myBanner/share-bg3.png'
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
